<template>
	<view class="control">
		<view class="header">
			<nav-bar title="服务大厅" :color="navBarColor" :bg="navBarBg" />
			<!-- <view class="">
				服务大厅
			</view> -->
			<view class="card">
				<view class="card-1 flex-align">
					<image mode="aspectFit"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/0b36a64abd167e770a4f943e9e52028aac8d9d3a.png" />
					<!-- <image mode="aspectFit"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/173046f6dca4829b64af7b0c4e62b02276761d33.png" /> -->
					<text>{{entry_name||''}}</text>
				</view>
				<view class="card-2">
					{{describe||''}}
				</view>
				<!-- <view class="card-3 flex-space-between"> -->
					<!-- <view class="info">2020年5月13日建立</view> -->
					<!-- <view class="btn flex-center">服务申请</view> -->
				<!-- </view> -->
			</view>
			<view class="list">
				<view class="item" @click="showTime = true">
					<view class="top">
						{{date.getMonth() + 1}}<text>月</text>
					</view>
					<view class="bottom">{{date.getFullYear()}}</view>
					<image mode="aspectFit"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/0699b04f7bc384cd70ab65af5fe918ea82287d24.png" />
				</view>
				<navigator url="/page_admin/my-atter/my-atter" class="item">
					<view class="top">
						6
					</view>
					<view class="bottom">我的考勤</view>
				</navigator>
				<!-- <view class="item"> -->
				<navigator url="/page_admin/my-repair/my-repair" class="item">
					<view class="top">
						11
					</view>
					<view class="bottom">我的报修</view>
				</navigator>
				<!-- </view> -->
				<view class="item">
					<view class="top">
						13
					</view>
					<view class="bottom">我的待办</view>
				</view>
			</view>
		</view>

		<view class="con">
			<view class="title-box flex-align">
				<view class="strong">
					<text>通</text>
					<text>告</text>
				</view>
				<!-- <view class="info">服务大厅将与11月22日全面升级</view> -->
				<!-- <view class="info"> -->

				<!-- </view> -->
				<u-notice-bar :text="text1" bgColor="#fff" color="#333333" direction="column" @click="openNotice">
				</u-notice-bar>
			</view>
			<!-- <view class="go">
				<image mode="aspectFit"
					src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/3a50474b9e49d4111376e730d2e8b4bd8d00a29e.png" />
			</view> -->
			<view class="go">
				<image mode="aspectFit"
					src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/24bccf1566114959b06b2fae09f6871bf26091b9.png" />
			</view>
			<view class="title-box flex-space-between">
				<view class="title">我的工作台</view>
				<view class="right-label" style="width: 19%;height: 50rpx;">
					<view style="float: left;">更多功能</view>
					<view class="">
						<image mode="aspectFit" style="width: 30rpx; height: 30rpx;float: right;"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/20c7ffa758c8d36164b7cedea03e61a5cb1b98f1.png" />
					</view>
				</view>

			</view>
			<view class="" v-for="(item,index) in menulists" :key="index" style="margin-top: 20rpx;">
				<view style="color: #333333;font-size: 28rpx;font-weight: 700;">
					{{item.title}}
				</view>
				<view class="grid" >
					<navigator :url="im.path" class="grid-item" v-for="(im,idx) in item.children" :key="idx">
						<image mode="aspectFit" :src="im.icon" class="icon" />
						<view>{{im.name}}</view>
					</navigator>
				</view>
			</view>
			<!-- <view class="grid">
				<navigator :url="item.url" class="grid-item" v-for="(item,index) in menulist" :key="index">
					<image mode="aspectFit" :src="item.icon" class="icon" />
					<view>{{item.text}}</view>
				</navigator>
			</view> -->
		</view>

		<!-- 年月弹窗 -->
		<van-popup :show="showTime" round position="bottom" @close="showTime = false">
			<van-datetime-picker type="year-month" :value="date.getTime()"
				:max-date="new Date(new Date().getFullYear(),11,31).getTime()"
				:min-date="new Date(new Date().getFullYear(),0,1).getTime()" @confirm="configTime"
				@cancel="showTime = false" />

		</van-popup>
		<view class="popup_s" v-if="popup_s" @click="popup_list"></view>
		<view class="popup_info" v-if="popup_s">
			<view style="width: 100%;height: 80rpx;position: relative;top: 0;left: 0;">
				<view style="position: absolute;top: 10rpx;left: 0;color: #fa4c4c;">
					选择项目
				</view>
				<view style="position: absolute;top: 0;right: 0;font-size: 42rpx;color: #fa4c4c;" @click="popup_clo">
					×
				</view>
			</view>
			<scroll-view scroll-y class="popup_info_ten">
				<!-- <view v-for="(item,index) in user" :key="index" class="popup_name" @click="popup_name(item)">
					{{item.entry_name}}
				</view> -->
				<view v-for="(item,index) in user" :key="index" class="popup_name" @click="popup_name(item)">
					{{item.entry_name}}
					<text>当前</text>
				</view>
			</scroll-view class="table" scroll-y style="height: 1100rpx;;">

		</view>
		<tabber :active="2"></tabber>
	</view>
</template>

<script>
	const index = require("@/api/index/index.js");
	import navbar from '@/mixins/navbar.js';
	export default {
		mixins: [navbar({
			navBarColor: '#fff'
		})],
		data() {
			return {
				showTime: false,
				date: new Date(),
				// menulist: [
				// 	{
				// 		icon: this.$https.assetsPath + "b55999288d19344b40e80475490c5b41ef870092.png",

				// 		text: '客流统计',
				// 		url: '/page_admin/data-stat/passenger-flow/passenger-flow'
				// 	},
				// 	{
				// 		icon: this.$https.assetsPath + "6942f9023b621114d7aba7038a0c185434370f1b.png",
				// 		text: '财务收入',
				// 		url: '/page_admin/data-stat/sales-report/sales-report'
				// 	},
				// 	{
				// 		icon: this.$https.assetsPath + "e810675519beb4c1db4d5dfdbea5ca7905892077.png",
				// 		text: '系统日志',
				// 		url: '/page_admin/system-log/system-log'
				// 	},

				// 	{
				// 		icon: this.$https.assetsPath + "4843e1696b341465628f61066c9c4110d40113a9.png",
				// 		text: '销售排行',
				// 		url: '/page_admin/data-stat/sales-list/sales-list'
				// 	},
				// 	{
				// 		icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/c454cfbbef9abbd396a855819ebbd9b4895a9f50.png',
				// 		text: '分类订单',
				// 		url: '/page_admin/data-stat/category-orders/category-orders'
				// 	},
				// 	{
				// 		icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/1e44c6201f996ee7d58e092202606115c025bbe4.png',
				// 		text: '数据报表',
				// 		url: '/page_admin/data-stat/data-stat'
				// 	},
				// 	{
				// 		icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/20c7ffa758c8d36164b7cedea03e61a5cb1b98f1.png',
				// 		text: '教练课程',
				// 		url: '/page_admin/coach-side/coach-side'
				// 	},
				// 	{
				// 		icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/44f23c794c9981d0fd2e8eb9863ff1aa16448142.png',
				// 		text: '学员管理',
				// 		url: '/page_other/management/management'
				// 	},
				// 	{
				// 		icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/10824cb46548397d0621271dc7556cb85b05684c.png',
				// 		text: '教学统计',
				// 		url: '/page_admin/coach-side/class-count/class-count'
				// 	},

				// 	{
				// 		icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/d2dce7ca15473def46a8f6a2b64945c64f253f40.png',
				// 		text: '订场率分析',
				// 		url: '/page_venues/teaching_statistics/teaching_statistics'
				// 	},
				// 	{
				// 		icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/22e37889b59ee0226b2718e024f32f023b249140.png',
				// 		text: '报赛中心',
				// 		url: '/page_venues/registration/registration'
				// 	},
				// 	{
				// 		icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/d65d9ef38ed89a36b15403e7c53b2cef00e420a7.png',
				// 		text: '报名培训战报',
				// 		url: '/page_venues/training/training'
				// 	},
				// 	{
				// 		icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/773e5135cd64def19e89aeb40b0b1bb927797078.png',
				// 		text: '移动核销',
				// 		url: '/page_admin/mobile-write-offs/mobile-write-offs'
				// 	},
				// 		{
				// 			icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/6d07de622e2f29eec6fc5be563305fadc68f3874.png',
				// 			text: '系统日志',
				// 			url: '/page_admin/system-log/system-log'
				// 		},
				// 		{
				// 			icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/b5fa1d665c7e04a5aaf070e8a241c40b7ccd87b8.png',
				// 			text: '产品中心',
				// 			url: '/'
				// 		},
				// 		{
				// 			icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/7f97162b230bc0ee8f1a3707e1ba75962d4cd848.png',
				// 			text: '审批管理',
				// 			url: '/page_admin/approval-admin/approval-admin'
				// 		},
				// 		{
				// 			icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/1e44c6201f996ee7d58e092202606115c025bbe4.png',
				// 			text: '数据报表',
				// 			url: '/page_admin/data-stat/data-stat'
				// 		},
				// 		{
				// 			icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/aa349ba9ddbd033e0289abc860551a9230ff3ea9.png',
				// 			text: '订单管理',
				// 			url: '/page_admin/orders-admin/orders-admin'
				// 		},
				// 		{
				// 			icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/5892d63ca2c486ee7d9cbd7dec519f8b2bd7e021.png',
				// 			text: '营销管理',
				// 			url: '/'
				// 		},
				// 		{
				// 			icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ddb2fcd28cbbe215d9b6841b8ef082b6b2218de1.png',
				// 			text: '物业录单',
				// 			url: '/page_admin/property-catalogue/property-catalogue'
				// 		},
				// 		{
				// 			icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ddb2fcd28cbbe215d9b6841b8ef082b6b2218de1.png',
				// 			text: '会员管理',
				// 			url: '/page_other/member-manage/member-manage'
				// 		}

				// ],
				menulist: [{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/801811fb942c22df35fed547c31280f4708bf31a.png',
						text: '会员管理',
						url: '/page_member/member_profile/index'
					},
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/b89d4938e573f09e26c962e153e51a5d9db78202.png',
						text: '会员分析',
						url: '/page_other/member_analysis/index'
					},
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/dfb1b8f5cc53c8e84bc79d9d79cfaed9a75c685f.png',
						text: '营销礼品',
						url: '/page_member/marketing_jifts/index'
					},
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/eb7a72f0329eb44719d7102f7baefb0c8c1bae24.png',
						text: '赠送记录',
						url: '/page_member/menber_gift/menber_gift'
					},
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/b8c5bf7eb28111186594318adea454c728f8e8c6.png',
						text: '创建礼品',
						url: '/page_member/member_create_gift/index'
					},
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ec89fb2e8ebc1008c84c51a89e5011d1d62b7e36.png',
						text: '好礼相送',
						url: '/page_member/marketing_jifts/gift_giving'
					},
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/537ba4da47fb73ee363887bc9f3d490c2a34655a.png',
						text: '会员卡管理',
						url: '/page_member/member_card/index'
					},
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/cb308ebc4af6a6c6bfc7bd26688ae549769f711a.png',
						text: '快捷办卡',
						url: '/page_member/application_card/application_card'
					},
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/129c77b4353e05790a6a6cd911fefa1c96e91c18.png',
						text: '办卡订单',
						url: '/page_member/member_order/member_order'
					},
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/cf015b0a4adb8d3ff91f85af052f9d00856bd4ed.png',
						text: '会员续卡',
						url: '/page_member/member_xuka/member_xuka'
					},
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/3b1694842c6fc15384597cdfbbbd50ec6d1f5a55.png',
						text: '提成明细',
						url: '/page_member/commission_details/index'
					},
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/021225e113730fe3d7bb5f9b67a36853154b31d6.png',
						text: '排行榜单',
						url: '/page_member/sales_list/index'
					},
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/020e7fced92ad54e1bf5b27803b061fa0fa05ac2.png',
						text: '创建会员',
						url: '/page_member/member_profile/member_Details/edit_members_cj'
					},
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/e2e2d574de7a03ba055d3b83ed76ba08f6c72b96.png',
					// 	text: '优惠放券',
					// 	url: '/page_member/member_coupon/index'
					// },
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/dfb1b8f5cc53c8e84bc79d9d79cfaed9a75c685f.png',
						text: '好礼相送',
						url: '/page_member/member_commodity/index'
					},
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/6ef4afdfa33a6349cb4d3d6734375df5a79a95e6.png',
					// 	text: '积分赠送',
					// 	url: '/page_member/member_integral/index'
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ca6086e801fd98e0fa15866d68c1eeee63f3266a.png',
					// 	text: '数据看板',
					// 	url: ''
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/1552630e80f2e71b9cacae9badb99e5a3dc8f05a.png',
					// 	text: '会员办卡',
					// 	url: '/page_member/member_card/index'
					// },

					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/fef18035eca09d32823b1b94cf109c7d97098c10.png',
					// 	text: '提成明细',
					// 	url: '/page_member/commission_details/index'
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/021225e113730fe3d7bb5f9b67a36853154b31d6.png',
					// 	text: '销售榜单',
					// 	url: '/page_member/sales_list/index'
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/251c083502e44aefe0c78cdd786d7d8c5f189c72.png',
					// 	text: '我的分销',
					// 	url: '',
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/d38081449788da59901e6a44c1da5884e7ce6227.png',
					// 	text: '会员运营',
					// 	url: '/page_member/member_operations/index'
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/e2e2d574de7a03ba055d3b83ed76ba08f6c72b96.png',
					// 	text: '邀请到店',
					// 	url: '/page_member/invite_store/index'
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/7b297eba0099c678fc3fab0abfbeabdee7c5339e.png',
					// 	text: '营销赠送',
					// 	url: '/page_member/marketing_jifts/index'
					// },
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/7f97162b230bc0ee8f1a3707e1ba75962d4cd848.png',
						text: '审批管理',
						url: '/page_admin/approval-admin/approval-admin'
					},
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/20c7ffa758c8d36164b7cedea03e61a5cb1b98f1.png',
					// 	text: '教练课程',
					// 	url: '/page_admin/coach-side/coach-side'
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/773e5135cd64def19e89aeb40b0b1bb927797078.png',
					// 	text: '移动核销',
					// 	url: '/page_admin/mobile-write-offs/mobile-write-offs'
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/6d07de622e2f29eec6fc5be563305fadc68f3874.png',
					// 	text: '系统日志',
					// 	url: '/page_admin/system-log/system-log'
					// },
					{
						icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/b5fa1d665c7e04a5aaf070e8a241c40b7ccd87b8.png',
						text: '产品中心',
						url: '/page_venues/product_center/product_center'
					},
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/b5fa1d665c7e04a5aaf070e8a241c40b7ccd87b8.png',
					// 	text: '场地管理',
					// 	url: '/page_venues/stadium/stadium'
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/7f97162b230bc0ee8f1a3707e1ba75962d4cd848.png',
					// 	text: '审批管理',
					// 	url: '/page_admin/approval-admin/approval-admin'
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/1e44c6201f996ee7d58e092202606115c025bbe4.png',
					// 	text: '数据报表',
					// 	url: '/page_admin/data-stat/data-stat'
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/aa349ba9ddbd033e0289abc860551a9230ff3ea9.png',
					// 	text: '订单管理',
					// 	url: '/page_admin/orders-admin/orders-admin'
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/5892d63ca2c486ee7d9cbd7dec519f8b2bd7e021.png',
					// 	text: '营销管理',
					// 	url: '/'
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ddb2fcd28cbbe215d9b6841b8ef082b6b2218de1.png',
					// 	text: '物业录单',
					// 	url: '/page_admin/property-catalogue/property-catalogue'
					// },
					// {
					// 	icon: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ddb2fcd28cbbe215d9b6841b8ef082b6b2218de1.png',
					// 	text: '会员管理',
					// 	url: '/page_other/member-manage/member-manage'
					// }
				],
				text1: [],
				entry_name: '',
				describe: '',
				popup_s: false,
				user: [],
				project_id: '',
				menulists: []
			}

		},
		onLoad(options) {
			uni.setStorageSync('phoneperson', options.phoneperson)
			if (uni.getStorageSync("user_name") == '') {
				uni.showToast({
					title: '请登录！',
					icon: 'error',
					duration: 850
				});
				uni.navigateTo({
					url: "/page_venues/login/login"
				})
			}
			this.menulists = uni.getStorageSync("menus")
			this.venueTrends()
			this.entry_name = uni.getStorageSync("entry_name")
			this.describe = uni.getStorageSync("describe")
			// this.projects()
		},
		methods: {
			xmlist() {
				this.popup_s = true
			},
			// 登录
			async projects() {
				let that = this;
				let data = {
					mobile: uni.getStorageSync("user_name"),
				};
				let result = await index.projects(data);
				if (result.code == 1) {
					if (result.data.multiple == 1) {
						// that.popup_s = true
						that.user = result.data.user
					} else if (result.data.multiple == 0) {
						that.project_id = result.data.user[0].project_id
					}
				}
			},
			popup_list() {
				this.popup_s = false
			},
			popup_name(item) {
				this.project_id = item.project_id
				this.popup_s = false

			},
			// 关闭弹窗
			popup_clo() {
				this.popup_s = false
			},
			async venueTrends() {
				let that = this;
				let data = {
					open_id: uni.getStorageSync("user_name")
				};
				let result = await index.venueTrends(data);
				if (result.code == 1) {
					that.text1 = result.data.result; // 页头标题
				}
			},
			configTime(e) {
				this.date = new Date(e.detail)
				this.showTime = false
			},
			openNotice() {
				uni.navigateTo({
					url: "/page_venues/notice/notice",
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	.control {
		padding-bottom: 150rpx;

		.popup_s {
			position: fixed;
			left: 0;
			right: 0;
			top: 0;
			width: 100vw;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.8);
			z-index: 9998;
		}

		.popup_info {
			position: fixed;
			width: 530rpx;
			height: 743rpx;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 30rpx;
			padding: 40rpx;
			overflow: hidden;
			background-image: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/e89844bfef73c699ef06622d923147613e4585af.png');
			background-repeat: no-repeat;
			z-index: 9999;
			background-size: 100% 100%;

			.popup_info_ten {
				width: 100%;
				height: 400rpx;
				margin-top: 120rpx;

				.popup_name {
					width: 100%;
					height: 80rpx;
					background-color: #f8f8f8;
					margin-top: 10rpx;
					line-height: 80rpx;
					text-align: center;

				}
			}

		}

		.header {
			padding: 0rpx 29rpx 20rpx 30rpx;
			background-color: rgb(255, 64, 64);
			background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 16%, rgb(255, 160, 160) 46%, rgb(255, 64, 64) 100%);

			.card {
				background-image: url("https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/8ec3eaf0bfe2bdd70f8a09f17cc16605d352529c.png");
				background-size: 100%;
				padding: 38rpx 12rpx 59rpx 38rpx;

				.card-1 {
					color: rgb(189, 135, 45);
					font-size: 30rpx;
					font-weight: 700;
					padding: 0 3rpx;

					image {
						width: 34rpx;
						height: 40rpx;
						margin-right: 15rpx;
					}

				}

				.card-2 {
					margin-top: 27rpx;
					color: rgb(189, 135, 45);
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 500;
					padding-right: 27%;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
				}

				.card-3 {
					margin-top: 33rpx;
					color: rgb(189, 135, 45);
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 500;

					.btn {
						width: 157rpx;
						height: 60rpx;
						background-color: rgb(255, 255, 255);
						border-radius: 35rpx;
					}
				}
			}

			.list {
				display: flex;
				filter: drop-shadow(0px 0px 32rpx rgba(0, 0, 0, 0.16));
				border-radius: 20rpx;
				background-color: white;
				padding: 24rpx 10rpx;
				margin-top: -39rpx;

				.item {
					flex: 1;
					display: flex;
					flex-direction: column;
					align-items: center;
					position: relative;

					&:first-of-type {
						border-right: 1px solid rgb(239, 239, 239);
					}

					image {
						width: 18rpx;
						height: 16rpx;
						position: absolute;
						right: 28%;
						top: -10rpx;
					}

					.top {
						color: rgb(0, 0, 0);
						font-size: 36rpx;
						font-family: DIN;
						font-weight: 700;

						text {
							margin-top: 13rpx;
							color: rgb(102, 102, 102);
							font-size: 20rpx;
							font-family: PingFang SC;
							font-weight: 500;
						}
					}

					.bottom {
						margin-top: 5rpx;
						color: rgb(102, 102, 102);
						font-size: 24rpx;
					}
				}
			}
		}

		.con {
			padding: 0px 30rpx;

			.title-box {
				.title {
					color: rgb(51, 51, 51);
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 700;
				}

				.right-label {
					color: rgb(153, 153, 153);
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 700;
				}

				.strong {
					color: rgb(51, 51, 51);
					font-size: 28rpx;
					font-family: HYLingXinJ;
					font-weight: 700;

					text:last-of-type {
						color: rgb(255, 64, 64);
					}
				}

				.info {
					margin-left: 20rpx;
					color: rgb(51, 51, 51);
					font-size: 28rpx;
				}
			}

			.go {
				// margin-top: 20rpx;

				image {
					width: 104%;
					height: 190rpx;
				}
			}

			.grid {
				margin-top: 20rpx;
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				row-gap: 21rpx;

				.grid-item {
					color: rgb(51, 51, 51);
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: 500;
					display: flex;
					padding: 6.5rpx 0 15rpx;
					flex-direction: column;
					align-items: center;

					image {
						width: 96rpx;
						height: 96rpx;
						margin-bottom: 20rpx;
						border-radius: 40rpx;
					}
				}
			}
		}
	}
</style>